/*!
 * =====================================================
 *  fitstart WeChat promotion page style
 * =====================================================
 */

/* ! Style Check List
 * =====================================================
 * Normal
 * =========================
 * Home page
 * =========================
 *
 * =====================================================
 */

@font-face { 
  font-family: 'DFPShaoNvW5';
  src:url('fonts/DFPShaoNvW5.TTF')  format('truetype'); 
}

.page {
	background-color: #ffde00;
}
.no-margin {
	margin: 0;
}

.hide {
	display: none !important;
}

/**
 * ===============
 * login page
 * ===============
 * mylan93@163.com
 * ===============
 **/
.progress-wrap {
	position: absolute;
	top: 45%;
	left: 20%;
	width: 60%;
}

.progress {
	width: 100%;
	height: .5rem;
	margin-top: 1rem;
	border: 1px solid #000;

}

.progress-num {
	margin-bottom: 1rem;
}

.progress-bar {
	width: 0;
	height: .4rem;
	background-color: #000;
}

/**
 * ===============
 * 	Home page
 * ===============
 **/
.logo {
	margin-top: 1rem;
	margin-left: 1.25rem;
	height: 2.5rem;
}

.fs-layout-wrap {
	position: relative;
	margin-top: 3rem;
	margin-bottom: 2rem;
	margin-left: .75rem;
	margin-right: .75rem;
	height: 28rem;
	border: 5px solid #1b1b1b;
}

.fs-layout-cover {
	margin-top: 1.5rem;
	padding: 0 1.75rem;
}

.fs-layout-cover .fitness-cover{
	display: block;
	width: 100%;
}

.fs-dialog-btn {
 display: block;
 margin: 1.5rem auto;
 width: 46%;
}

/**
 * =================
 * practice
 * =================
 **/

.practice-title,
.shape-title {
	position: relative;
	display: block;
	width: 100%;
	z-index: 9;
}

.fs-publicity-wrap {
	margin-top: -21.5%;
	padding-top: 20.5%;
	border: 4px solid #1b1b1b;
}

.practice-layout-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: url(../images/bmi-activity/long-string.png) no-repeat center top;
  background-size: contain;
}

.practice-left,
.practice-right {
	-webkit-flex:1;
	-moz-flex:1;
	flex:1;
	padding-bottom: 1rem;
}

.practice-left:hover,
.practice-left:focus,
.practice-right:hover,
.practice-right:focus {
	background: rgba(230,35,35,.3);
}

.practice-left img,
.practice-right img {
	width: 90%;
	margin: 0 5%;
}

.practice-left {
	margin-right: .5rem;
}

.practice-right {
	margin-left: .5rem;
}

.practice-btn {
	display: block;
	margin: 0 auto;
	width: 70%;
	text-align: center;
	font-family: 'DFPShaoNvW5';
	font-size: 1rem;
	font-weight: bold;
	color: #000;
}

.practice-btn > img {
	display: block;
	margin: 0 auto;
	width: 55%;
}

/**
 * =================
 * about coach
 * =================
 **/
.coach-item {
	position: relative;
}

.coach-item a {
	z-index: 999;
}

.test-header,
.test-footer,
.result-header,
.result-analyze,
.coach-item img {
	display: block;
	width: 100%;
	z-index: 9;
}

.about-coach-title {
	display: block;
	width: 100%;
}

.coach-btn {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 5.6%;
	width: 38.9%;
}

.coach-left {
	left: 0;
	margin-left: 5.6%;
}

.fitness-wrap {
	margin-top: -15.5%;
  padding-top: 15.5%;
}


.practice-own {
	left: 3rem;
}

.practice-coach {
	right: 3rem;
}

.test-footer-wrap {
	position: relative;
	margin-top: 1.5rem;
}

.test-footer-wrap .test-btn {
	position: absolute;
	display: block;
	top: 0;
	left: 40%;
	width: 4.125rem;
	height: 4.125rem;
	border: none;
	background: url(../images/bmi-activity/test-btn.png) no-repeat;
	background-size: 100%;
}

.test-form .form-group {
	width: 11.65rem;
	margin: 0 auto;
}

.test-form input {
	display: block;
	width: 100%;
	min-height: 3.6rem;
	margin: 0 auto;
	border: none;
	font-size: 1.2rem;
	font-family: 'DFPShaoNvW5';
	font-weight: bolder;
	color: #000;
}

.test-form .gender {
	padding: 1.1rem .5rem 1rem  4.2rem;
	background: url(../images/bmi-activity/test-gender.png) no-repeat;
	background-size: 100%;
}

.test-form .height {
	padding: 1.1rem .5rem 1rem  8.2rem;
	background: url(../images/bmi-activity/test-height.png) no-repeat;
	background-size: 100%;
}

.test-form .weight {
	padding: 1.1rem .5rem 1rem  8.2rem;
	background: url(../images/bmi-activity/test-weight.png) no-repeat;
	background-size: 100%;
} 

.surprise-block {
	display: none;
}

.surprise-block img {
	display: block;
	width: 100%;
}

.surprise-block .bim-qr {
	position: absolute;
	left: 28.8%;
	bottom: .5rem;
	width: 44.4%;
}

/*animation*/

.btn-snake {
	-webkit-animation: 1s btnScale infinite;
  animation: 1s btnScale infinite
}

@keyframes btnScale {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes btnScale {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
